﻿@model IEnumerable<InnoWeb.CEND.UI.MVC.Areas.Admin.Models.ReportInfoModel>

@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}

<script src="~/Scripts/Base/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/Base/FancyBox/jquery.mousewheel-3.0.6.pack.js"></script>
<script src="~/Scripts/Base/FancyBox/jquery.fancybox.js"></script>
<script src="~/Scripts/Base/FancyBox/jquery.fancybox-media.js"></script>
<link href="~/Content/Base/FancyBox/jquery.fancybox.css" rel="stylesheet" />

<script type="text/javascript">
    $(document).ready(function ()
    {
        $(".fancybox").fancybox();
        $('.fancybox-media').fancybox({
            openEffect: 'none',
            closeEffect: 'none',
            helpers: {
                media: {}
            }
        });
	});
</script>

<!-- start content-outer ........................................................................................................................START -->
<div id="content-outer">
    <!-- start content -->
    <div id="content">

        <!--  start page-heading -->
        <div id="page-heading">
            <h1>Reports</h1>
        </div>
        <!-- end page-heading -->

        <table border="0" id="content-table">
            <tr>
                <th rowspan="3" class="sized">
                    <img src="~/Images/Admin/shared/side_shadowleft.jpg" width="20" height="300" alt="" />
                </th>
                <th class="topleft"></th>
                <td id="tbl-border-top">&nbsp;</td>
                <th class="topright"></th>
                <th rowspan="3" class="sized">
                    <img src="~/Images/Admin/shared/side_shadowright.jpg" width="20" height="300" alt="" />
                </th>
            </tr>
            <tr>
                <td id="tbl-border-left"></td>
                <td>
                    <!--  start content-table-inner ...................................................................... START -->
                    <div id="content-table-inner">

                        <!--  start table-content  -->
                        <div id="table-content">

                            <!--  start product-table ..................................................................................... -->

                            <table border="0" id="product-table">
                                <tr>
                                    <th class="table-header-check"><a id="toggle-all"></a></th>
                                    <th class="table-header-repeat line-left minwidth-1"><a href="#">Name</a></th>
                                    <th class="table-header-repeat line-left minwidth-1"><a href="#">Name TR</a></th>
                                    <th class="table-header-repeat line-left"><a href="#">Text </a></th>
                                    <th class="table-header-repeat line-left"><a href="#">Text TR</a></th>
                                    <th class="table-header-repeat line-left"><a href="#">Video URL</a></th>
                                    <th class="table-header-repeat line-left"><a href="#">Report URL</a></th>
                                    <th class="table-header-repeat line-left"><a href="#">Short Description</a></th>
                                    <th class="table-header-repeat line-left"><a href="#">Short Description TR</a></th>
                                    <th class="table-header-repeat line-left"><a href="#">Is Active</a></th>
                                    <th class="table-header-repeat line-left"><a href="#">Is Deleted</a></th>
                                    <th class="table-header-options line-left"><a href="#">Options</a></th>
                                </tr>
                                @foreach (var item in Model)
                                {
                                    <tr>
                                        <td>
                                            <input type="checkbox" />
                                        </td>
                                        <td>@item.ReportItem.Name</td>
                                        <td>@item.ReportItem.NameTR</td>
                                        <td>@item.ReportContent.Text</td>
                                        <td>@item.ReportContent.TextTR</td>
                                        <td>@item.ReportContent.VideoUrl</td>
                                        <td>@item.ReportContent.ReportUrl</td>
                                        <td>@item.ReportContent.ShortDescription</td>
                                        <td>@item.ReportContent.IsActive</td>
                                        <td>@item.ReportContent.IsDeleted</td>
                                        <td class="options-width">
                                            <a href="@Url.Action("Edit","Report", new { id = item.ReportItem.Id })" title="Edit" class="icon-1 info-tooltip fancybox fancybox.iframe">
                                            </a>
                                            <a href="@Url.Action("Delete", new { id = item.ReportItem.Id })" title="Delete" class="icon-2 info-tooltip fancybox fancybox.iframe">
                                            </a>
                                        </td>
                                    </tr>
                                }

                            </table>
                            <!--  end product-table................................... -->
                        </div>
                        <!--  end content-table  -->

                        <!--  start actions-box ............................................... -->
                        @*<div id="actions-box">
                            <a href="#" class="action-slider"></a>
                            <div id="actions-box-slider">
                                <a href="#" class="action-edit">Edit</a>
                                <a href="#" class="action-delete">Delete</a>
                            </div>
                            <div class="clear"></div>
                        </div>*@
                        <!-- end actions-box........... -->

                        <!--  start paging..................................................... -->
                        @*<table border="0" id="paging-table">
                            <tr>
                                <td>
                                    <a href="" class="page-far-left"></a>
                                    <a href="" class="page-left"></a>
                                    <div id="page-info">Page <strong>1</strong> / 15</div>
                                    <a href="" class="page-right"></a>
                                    <a href="" class="page-far-right"></a>
                                </td>
                                <td>
                                    <select class="styledselect_pages">
                                        <option value="">Number of rows</option>
                                        <option value="">1</option>
                                        <option value="">2</option>
                                        <option value="">3</option>
                                    </select>
                                </td>
                            </tr>
                        </table>*@
                        <!--  end paging................ -->

                        <div class="clear"></div>

                    </div>
                    <!--  end content-table-inner ............................................END  -->
                </td>
                <td id="tbl-border-right"></td>
            </tr>
            <tr>
                <th class="sized bottomleft"></th>
                <td id="tbl-border-bottom">&nbsp;</td>
                <th class="sized bottomright"></th>
            </tr>
        </table>
        <div class="clear">&nbsp;</div>

    </div>
    <!--  end content -->
    <div class="clear">&nbsp;</div>
</div>
<!--  end content-outer........................................................END -->

